.container{
  display: flex;
  justify-content: center;
  mat-card{
    position: fixed;
    margin: 20px;
    .rooms{
      height: 500px;
      width: 250;
      overflow-y: scroll;
      scrollbar-color: lightgrey,darkgrey;
      scrollbar-width: thin;
    }
    .chatroom{
      width: 600px;
      margin-left: 40px;
    }
  }
}


::-webkit-scrollbar-track{
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: aliceblue;
}

::-webkit-scrollbar{
  width: 12px;
  background-color: aliceblue;
}

::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  background-color: aliceblue;
}
